@charset "utf-8";
@import "common/reset";
@function r($px){
    @return $px/100+rem;
}
html,body{
    height: 100%;
}
//      轮播图
.swiper-container{
    width: 100%;
    height: r(358);
    margin-top: r(89);
.swiper-slide {
    width: 100%;
    height: r(358);
    .lb_img{
        width: 100%;
        height: r(358);
        img{
            width: 100%;
        }
    }
    .lb_txt{
        width: 100%;
        background : rgba(0,0,0,0.5);
        height: r(104);
        padding: 0 r(20);
        position: absolute;
        bottom: 0;
        overflow: hidden;
        p:nth-child(1){
            font-size: r(27);
            float: left;
            color: #fff;
            margin-top: r(24);
        }
        .love1{
            font-size: r(18);
            color: #fff;
            margin-right: r(49);
            float: left;
            span{
                font-size: r(15);
                color: #fff;
                margin-left: r(6);
            }
        }
        .yanjing1{
            font-size: r(18);
            color: #fff;
            float: left;
            span{
                font-size: r(15);
                color: #fff;
                margin-left: r(6);
            }
        }
        p{
            font-size: r(18);
            color: #fff;
            float: right;
        }
    }
}
}
//登录弹窗
#check{
    display: none;
}
#check:checked ~ .marketing .loginBox{
    transform: translateX(0);
}
#check9{
    display: none;
}
#check9:checked ~ .mobile section{
    display: none;
}
#check9:checked ~ .mobile .swiper-container{
    display: none;
}
#check9:checked ~ .mobile .qwer{
    display: block;
}

//主体内容
section{
    width: 100%;
    margin-bottom: 20%;
    .tenxun{
        width: r(583);
        height: r(174);
        margin: 0 auto;
        margin-top: r(22);
        border-bottom: r(1) solid #cecece;
        .tenxun_left{
            width: 36.02%;
            height: 24.35%;
            float: left;
            img{
                width: 100%;
            }
        }
        .tenxun_right{
            width: 60.89%;
            height: 24.35%;
            float: right;
            h1{
                font-size: r(26);
                line-height: r(26);
                font-weight: normal;
            }
            p:nth-child(2){
                font-size: r(22);
                color: #c5c5c5;
                margin-top: r(13);
            }
            p:nth-child(3){
                text-align: right;
                font-size: r(18);
                color: #c5c5c5;
                margin-top: r(13);
            }
        }
    }
    .tenxun2{
        width: r(583);
        height: r(174);
        margin: 0 auto;
        margin-top: r(38);
        border-bottom: r(1) solid #cecece;
        .tenxun_left{
            width: 36.02%;
            height: 24.35%;
            float: left;
            img{
                width: 100%;
            }
        }
        .tenxun_right{
            width: 60.89%;
            height: 24.35%;
            float: right;
            h1{
                font-size: r(26);
                line-height: r(26);
                font-weight: normal;
            }
            p:nth-child(2){
                font-size: r(22);
                color: #c5c5c5;
                margin-top: r(13);
            }
            p:nth-child(3){
                text-align: right;
                font-size: r(18);
                color: #c5c5c5;
                margin-top: r(13);
            }
        }
    }
    .tenxun3{
        width: r(583);
        height: r(174);
        margin: 0 auto;
        margin-top: r(38);
        .tenxun_left{
            width: 36.02%;
            height: 24.35%;
            float: left;
            img{
                width: 100%;
            }
        }
        .tenxun_right{
            width: 60.89%;
            height: 24.35%;
            float: right;
            h1{
                font-size: r(26);
                line-height: r(26);
                font-weight: normal;
            }
            p:nth-child(2){
                font-size: r(22);
                color: #c5c5c5;
                margin-top: r(13);
            }
            p:nth-child(3){
                text-align: right;
                font-size: r(18);
                color: #c5c5c5;
                margin-top: r(13);
            }
        }
    }
    .more{
        width: 100%;
        padding: 0 r(29);
//      margin-top: r(28);
        a{
            border-top: r(1) solid #e6e6e6;
            display: block;
            font-size: r(22);
            color: #bbbbbb;
            text-align: center;
            padding-top: r(19);
        }
    }
}
.qwer{
    width: 100%;
    margin-bottom: 20%;
    display: none;
    margin-top: r(100);
    .txsp{
        margin-top: r(42);
        margin-left: r(26);
        margin-right: r(26);
        border-bottom: r(1) solid #e6e6e6;
        padding-bottom: r(29);
        h1{
            font-size: r(30);
            line-height: r(30);
            margin-left: 0;
        }
        p:nth-child(2){
            font-size: r(22);
            color: #c5c5c5;
            float: left;
            margin-right: r(18);
            margin-top: r(16);
        }
        i{
            font-size: r(14);
            color: #c5c5c5;
            float: left;
            margin-top: r(16);
        }
        p:nth-child(4){
            font-size: r(22);
            line-height: r(22);
            color: #8b8b8b;
            float: left;
            margin-top: r(50);
        }
        p:nth-child(5){
            font-size: r(22);
            line-height: r(22);
            color: #8b8b8b;
            float: left;
            margin-top: r(8);
        }
        .txsp_img{
            width: r(581);
            height: r(337);
            margin-top: r(26);
            font-size: 0;
            float: left;
            overflow: hidden;
            img{
                width: 100%;
            }
        }
    }
    h1{
        font-size: r(28);
        color: #8e8d8d;
        line-height: r(28);
        margin-left: r(27);
        margin-top: r(37);
    }
    .red_call{
        width: 100%;
        height: r(151);
        background: #b20000;
        padding-top: r(18);
        margin-top: r(9);
        .red_call_01{
            width: r(212);
            height: r(115);
            float: left;
            padding-top: r(18);
            border-right: r(1) solid #fff;
            .red_call_img{
                width: r(44);
                height: r(41);
                overflow: hidden;
                margin: 0 auto;
                font-size: 0;
                img{
                    width: 100%;
                }
            }
            p{
                font-size: r(23);
                line-height: r(23);
                text-align: center;
                color: #fff;
                margin-top: r(18);
            }
        }
        .red_call_02{
            width: r(214);
            height: r(115);
            float: left;
            padding-top: r(18);
            .red_call_img{
                width: r(44);
                height: r(41);
                overflow: hidden;
                margin: 0 auto;
                font-size: 0;
                img{
                    width: 100%;
                }
            }
            p{
                font-size: r(23);
                line-height: r(23);
                text-align: center;
                color: #fff;
                margin-top: r(18);
            }
        }
    }
}

